<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/at.css">
    <link rel="stylesheet" href="../css/footer2.css">
    <link rel="stylesheet" href="../css/at.css">
    <link rel="stylesheet" href="../css/sousuoye  m.css">
    <link rel="stylesheet" href="../images/iconfont/iconfont.css">
</head>

<body>
    <div id="top">
        <div class="banxin">
            <div class="l">
                <div class="tm">
                    <span class="iconfont icon-shouye"><a href="01shouye.html">天猫首页</a></span>
                    <span>喵，欢迎来天猫</span>
                    <span><a href="02dengluye.html">请登录</a></span>
                    <span><a href="03zhuceye.html">免费注册</a></span>
                </div>
            </div>
            <div class="r">
                <ul class="taobao">
                    <li>
                        <a href="01shouye.html">我的淘宝</a>
                        <span class="iconfont icon-arrow-down
                        "></span>
                        <ul>
                            <li>已买到的宝贝</li>
                            <li>已卖出的宝贝</li>
                        </ul>
                    </li>
                    <li>
                        <span class="iconfont icon-gouwuche
                        "></span>
                        <a href="#">购物车</a>
                    </li>
                    <li>
                        <a href="#">收藏夹</a>
                        <span class="iconfont icon-arrow-down
                        "></span>&nbsp;&nbsp;&nbsp;<span>|</span>
                        <ul>
                            <li>收藏的宝贝</li>
                            <li>收藏的店铺</li>
                        </ul>

                    </li>
                    <li>
                        <span class="iconfont icon-shouji
                        "></span>
                        <a href="#">手机版</a>
                        <ul>
                            <li><img src="../images/ewm.png" alt=""></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">淘宝网</a>
                    </li>

                    <li>
                        <a href="#">商家支持</a>
                        <span class="iconfont icon-arrow-down
                        "></span>
                        <ul>
                            <li><b>商家：</b></li>
                            <li><a href="#">商家中心</a></li>
                            <li><a href="#">商家入驻</a></li>
                            <li><a href="#">商家品控</a></li>
                            <li><a href="#">天猫智库</a></li>
                            <li><a href="#"><b>帮助：</b></a></li>
                            <li><a href="#">商家服务大厅</a></li>
                            <li><a href="#"></a>问商家</li><br>
                        </ul>
                    </li>

                    <li>
                        <span class="iconfont icon-daohang
                        "></span>
                        <a href="#">网站导航</a>
                        <span class="iconfont icon-arrow-down
                        "></span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- --------------第二栏  搜索------------------------------------- -->
    <div id="sousuo">
        <div class="banxin">
            <div class="zuo">
                <div class="t">
                    <!-- 图片 -->
                    <div class="tp">
                        <img src="../images/tm.png">
                    </div>
                    <!-- 客服 -->
                    <div class="kf">
                        <b>安踏官方网站</b><br>
                        <img src="../images/kf.png" alt="">
                    </div>
                    <div class="wuliu">
                        <p>描述服务物流</p>
                        <p>4.8-4.8-4.8<span class="iconfont icon-jiantou1"></span></p>
                        <div class="wjiantou"><span class="iconfont icon-arrow-down
                        "></span></div>
                    </div>
                    <!-- 二维码 -->
                    <div class="erweima">
                        <p>手机逛</p>
                        <span class="iconfont icon-erweima
                        "></span>
                        <span class="iconfont icon-arrow-down
                        "></span>
                        <div class="ewm"></div>
                    </div>
                </div>
            </div>
            <div class="you">
                <input type="text" id="ssk" placeholder="  搜索 天猫 商品/品牌/店铺">
                <div class="stm"><a href="#">搜天猫</a></div>
                <div class="sbd"><a href="#">搜本店</a></div>
            </div>
        </div>
    </div>

    <div id="anta">
        <div class="banxin">
            <div class="logo"><a href="#"><img src="../images/logo_03.jpg" alt=""></a></div>
            <!-- 搜索框 -->
            <div class="suk">
                <input type="text" id="oIp">
                <a href="#">
                    <span class="iconfont icon-fangdajing"></span>
                </a>
            </div>
        </div>
    </div>
    <!--  导航栏  -->
    <div id="dhl">
        <div class="banxin">
            <div class="nav">
                <ul>
                    <li><a href="./01shouye.html">首页</a></li>
                    <li><a href="#">所有分类</a></li>
                    <li>
                        <a href="#">男子系列</a>
                        <ul>
                            <li>
                                <a href="#">鞋类</a>
                            </li>
                            <li><a href="#">跑步鞋</a></li>
                            <li><a href="#">板鞋</a></li>
                            <li><a href="#">篮球鞋</a></li>
                            <li><a href="#">凉鞋</a></li>
                            <li><a href="#">拖鞋</a></li>
                            <li><a href="#">KT</a></li>
                            <li><a href="#">炙热</a></li>
                            <li><a href="#">霸道</a></li>
                        </ul>

                    <li>
                        <a href="#">女子系列</a>
                        <ul>
                            <li><a href="#">服装</a></li>
                            <li><a href="#">T恤</a></li>
                            <li><a href="#">卫衣</a></li>
                            <li><a href="#">运动套装</a></li>
                            <li><a href="#">运动长裤</a></li>
                            <li><a href="#">运动套装</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">儿童系列</a>
                        <ul>
                            <li><a href="#">跑鞋/休闲鞋</a></li>
                            <li><a href="#">篮球鞋</a></li>
                            <li><a href="#">T恤</a></li>
                            <li><a href="#">裤子</a></li>
                            <li><a href="#">凉鞋</a></li>
                            <li><a href="#">拖鞋</a></li>
                            <li><a href="#">KT</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">ANTA科技</a>
                    </li>
                    <li>
                        <a href="#">东奥国旗系列</a>
                        <ul>
                            <li><a href="#"><img src="../images/dah.png" alt=""></a></li>
                        </ul>
                    </li>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    </div>
    <!-- 客服 -->
    <div id="kefu">
        <div class="kf">
            <a href="#"><img src="../images/kf.png" alt=""></a>
            <p><a href="#">客服</a></p>
        </div>
    </div>

    <!-- 分类表 -->
    <div id="flb">
        <div class="banxin">
            <!-- 表格 -->
            <div class="bg">
                <div class="fl"><b>所有分类<span class="iconfont icon-right"></span></b></div>
                <!-- 表格搜索 -->
                <div class="bss">
                    <input type="text" placeholder="在当前结果中搜索" style="border: none;">
                    <span class="iconfont icon-fangdajing"></span>
                </div>
            </div>
            <!-- 第二列 -->
            <div class="biaoge2">
                <div class="fenglei"><a href="#"><span class="iconfont icon-jiantou3
                    "></span>所有分类</a></div>
                <ul>
                    <li>
                        <a href="#">新品专区</a>
                        <ul>
                            <li><a href="#">2021.11.11预告</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">服装专区</a>
                        <ul>
                            <li><a href="#">2021.11.11</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">男子专区</a>
                        <ul>
                            <li><a href="#">上装</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">女子专区</a>
                        <ul>
                            <li><a href="#">下装</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">儿童专区</a>
                        <ul>
                            <li><a href="#">运动装备</a></li>
                        </ul>
                    </li>

                    <li>

                    <li style="text-align: right; float: right; margin-top: -20px;">
                        <a href="#">更多<span class="iconfont icon-arrow-down
                            "></span></a>
                    </li>
                </ul>
            </div>
            <!-- 第三列 -->
            <div class="biaoge3">
                <div class="fenglei3"><a href="#">适用场地</a></div>
                <ul>
                    <li><a href="#">小道</a></li>
                    <li><a href="#">公路</a></li>
                    <li><a href="#">跑道</a></li>
                    <li><a href="#">地板</a></li>
                    <li><a href="#">硬地</a></li>
                    <li style="width: 40px; background-color: rgba(192, 192, 192, 0.26);"><a href="#">+场地</a></li>
                </ul>
            </div>
            <div class="biaoge3" style="border-top: 0;">
                <div class="fenglei3"><a href="#">裤子分类</a></div>
                <ul>
                    <li><a href="#">运动裤</a></li>
                    <li style="width: 40px; background-color: rgba(192, 192, 192, 0.274);  margin-left: 700px;"><a
                            href="#">+场地</a></li>
                </ul>
            </div>
            <div class="biaoge3" style="border-top: 0; border-bottom: 1px solid rgba(192, 192, 192, 0.308);">
                <div class="fenglei3"><a href="#" style="margin-left: -25px;">圆领</a></div>
                <ul>
                    <li><a href="#">圆领</a></li>
                    <li><a href="#">连帽</a></li>
                    <li><a href="#">立领</a></li>
                    <li
                        style="width: 40px; background-color: rgba(192, 192, 192, 0.24);  margin-left: 350px; border-bottom: 1px solid rgba(192, 192, 192, 0.281);">
                        <a href="#">+场地</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 主页内容 -->
    <div id="zhuye">
        <div class="banxin">
            <div class="gdxx"><a href="#">更多选项<span class="iconfont icon-arrow-down
                "></span></a></div>
            <ul>
                <li style="width: 80px; height: 28px; display: block; border: 1px solid silver;"><a href="#">综合排序</a>
                </li>
                <li><a href="#">销量<span class="iconfont icon-down1"></span></a></li>
                <li><a href="#">新品<span class="iconfont icon-down1"></span></a></li>
                <li><a href="#">收藏<span class="iconfont icon-down1"></span></a></li>
                <li><a href="#">价格<span class="iconfont icon-shangxiajiantou
                    "></span></a></li>
                <li><a href="#">口碑</a></li>

                <li style="float: left; margin-left: 150px;"><a href="#">￥</a></li>
                <li style="width: 5px; height: 28px; display: block;"><a href="#"></a></li>
                <li><a href="#">￥</a></li>

                <li style="float: left; margin-left: 50px;"><a href="#"><span
                            class="iconfont icon-erweima "></span>大图</a></li>
                <li><a href="#"><span class="iconfont icon-erweima "></span>大图</a></li>

                <li style="border: 0; float: left;margin-left: 280px; "><a href="#">1/46</a></li>
                <li style="float: left;margin-top: 2px; "><a href="#">&lt;</a></li>
                <li style="float: left; margin-top: 2px; "><a href="#">&gt;</a></li>
            </ul>
        </div>
    </div>
    <!-- 商品图 -->
    <div id="lbt">
        <div class="banxin">
            <div id="box">
                <div id="imgBox" >
                    <img src="../images/ss1.jpg" alt="""> 
                    <img src="../images/ss6.jpg" alt="""> 
                    <img src="../images/ss16.jpg" alt="""> 
                    <img src="../images/ss4.jpg" alt="""> 
                </div>
                <ul id="doudouBox">
                    <li><img src="../images/ss1.jpg" alt=""></li>
                    <li><img src="../images/ss6.jpg" alt=""></li>
                    <li><img src="../images/ss16.jpg" alt=""></li>
                    <li><img src="../images/ss4.jpg" alt=""></li>
                    <li><a href="javascript:;" style="color:red; position: absolute; top: 70px;"><b>￥199.00</b></a></li>

                    <li><a href="javascript:;"
                            style="width: 220px;
                        color: rgb(99, 95, 95); display: block; position: absolute; top: 100px; font-size: 14px;">安踏男鞋跑步鞋2021秋冬季新款</a>
                    </li>
                    <li><a href="#"
                            style="width: 220px;
                            color: rgb(99, 95, 95); display: block; position: absolute; top: 125px; font-size: 14px;">情侣鞋子休闲皮面防水黑色运动鞋</a>
                    </li>
                </ul>
            </div>
            <!-- ==========================第二栏======================== -->
            <div id="box">
                <div id="imgBox">
                    <a href="05.fangdajing.html"> <img src="../images/ss2.jpg" alt="""> </a>
                    <a href="05.fangdajing.html"> <img src="../images/ss3.jpg" alt="""> </a>
                    <a href="05.fangdajing.html"> <img src="../images/ss5.jpg" alt="""> </a>
                    <a href="05.fangdajing.html"> <img src="../images/ss7.jpg" alt="""> </a>
                </div>
                <ul id="doudouBox">
                    <li><img src="../images/ss2.jpg" alt=""></li>
                    <li><img src="../images/ss3.jpg" alt=""></li>
                    <li><img src="../images/ss5.jpg" alt=""></li>
                    <li><img src="../images/ss7.jpg" alt=""></li>
                    <!-- 价格 -->
                    <li class="jg"><a href="#" style="color:red; position: absolute; top: 70px;"><b>￥329.00</b></a></li>
                    <!-- 名称 -->
                    <li class="mc"><a href="#"
                            style="width: 220px;
                        color: rgb(99, 95, 95); display: block; position: absolute; top: 100px; font-size: 14px;">鞋男女2021秋各新款情侣运动鞋</a>
                    </li>
                    <!-- 描述 -->
                    <li class="ms"><a href="#"
                            style="width: 220px;
                            color: rgb(99, 95, 95); display: block; position: absolute; top: 125px; font-size: 14px;">秋季时尚休闲皮面防水黑色运动鞋</a>
                    </li>
                </ul>
            </div>
            <!-- ===============================第三栏=============================== -->
            <div id="box">
                <div id="imgBox">
                   <a href="05.fangdajing.html"><img src="../images/ss21.jpg" alt=""></a>
                    <img src="../images/ss19.jpg" alt="">
                    <img src="../images/ss1.jpg" alt="">
                    <img src="../images/ss23.jpg" alt="">
                </div>
                <ul id="doudouBox">
                    <li><img src="../images/ss21.jpg" alt=""></li>
                    <li><img src="../images/ss19.jpg" alt=""></li>
                    <li><img src="../images/ss1.jpg" alt=""></li>
                    <li><img src="../images/ss23.jpg" alt=""></li>
                    <li><a href="#" style="color:red; position: absolute; top: 70px;"><b>￥519.00</b></a></li>

                    <li><a href="#"
                            style="width: 220px;
                        color: rgb(99, 95, 95); display: block; position: absolute; top: 100px; font-size: 14px;">水花三代各新款情侣运动鞋</a>
                    </li>
                    <li><a href="#"
                            style="width: 220px;
                            color: rgb(99, 95, 95); display: block; position: absolute; top: 125px; font-size: 14px;">2021秋季时尚休闲皮面运动鞋</a>
                    </li>
                </ul>
            </div>
            <!-- ============================第四列=================================== -->
            <div id="box">
                <div id="imgBox">
                    <img src="../images/ss23.jpg" alt="">
                    <img src="../images/ss21.jpg" alt="">
                    <img src="../images/ss1.jpg" alt="">
                    <img src="../images/ss19.jpg" alt="">
                </div>
                <ul id="doudouBox">
                    <li><img src="../images/ss23.jpg" alt=""></li>
                    <li><img src="../images/ss21.jpg" alt=""></li>
                    <li><img src="../images/ss1.jpg" alt=""></li>
                    <li><img src="../images/ss19.jpg" alt=""></li>
                    <li><a href="#" style="color:red; position: absolute; top: 70px;"><b>￥239.00</b></a></li>

                    <li><a href="#"
                            style="width: 220px;
                        color: rgb(99, 95, 95); display: block; position: absolute; top: 100px; font-size: 14px;">2021各新款情侣运动鞋</a>
                    </li>
                    <li><a href="#"
                            style="width: 220px;
                            color: rgb(99, 95, 95); display: block; position: absolute; top: 125px; font-size: 14px;">秋季时尚休闲皮面运动鞋</a>
                    </li>
                </ul>
            </div>
            <!-- ============================第五列=================================== -->
            <div id="box">
                <div id="imgBox">
                    <img src="../images/ss23.jpg" alt="">
                    <img src="../images/ss21.jpg" alt="">
                    <img src="../images/ss1.jpg" alt="">
                    <img src="../images/ss8.jpg" alt="">
                </div>
                <ul id="doudouBox">
                    <li><img src="../images/ss23.jpg" alt=""></li>
                    <li><img src="../images/ss21.jpg" alt=""></li>
                    <li><img src="../images/ss1.jpg" alt=""></li>
                    <li><img src="../images/ss8.jpg" alt=""></li>
                    <li><a href="#" style="color:red; position: absolute; top: 70px;"><b>￥419.00</b></a></li>

                    <li><a href="#"
                            style="width: 220px;
                        color: rgb(99, 95, 95); display: block; position: absolute; top: 100px; font-size: 14px;">冬季各新款情侣运动鞋</a>
                    </li>
                    <li><a href="#"
                            style="width: 220px;
                            color: rgb(99, 95, 95); display: block; position: absolute; top: 125px; font-size: 14px;">2021时尚休闲皮面运动鞋</a>
                    </li>
                </ul>
            </div>
            <!-- ============================第六列=================================== -->
            <div id="box">
                <div id="imgBox">
                    <img src="../images/ss23.jpg" alt="">
                    <img src="../images/ss21.jpg" alt="">
                    <img src="../images/ss1.jpg" alt="">
                    <img src="../images/ss24.jpg" alt="">
                </div>
                <ul id="doudouBox">
                    <li><img src="../images/ss23.jpg" alt=""></li>
                    <li><img src="../images/ss21.jpg" alt=""></li>
                    <li><img src="../images/ss1.jpg" alt=""></li>
                    <li><img src="../images/ss24.jpg" alt=""></li>
                    <li><a href="#" style="color:red; position: absolute; top: 70px;"><b>￥219.00</b></a></li>

                    <li><a href="#"
                            style="width: 220px;
                        color: rgb(99, 95, 95); display: block; position: absolute; top: 100px; font-size: 14px;">安踏情侣运动鞋</a>
                    </li>
                    <li><a href="#"
                            style="width: 220px;
                            color: rgb(99, 95, 95); display: block; position: absolute; top: 125px; font-size: 14px;">2021秋季时尚休闲皮面运动鞋</a>
                    </li>
                </ul>
            </div>
            <!-- ============================第七列=================================== -->
            <div id="box">
                <div id="imgBox">
                    <img src="../images/ss23.jpg" alt="">
                    <img src="../images/ss21.jpg" alt="">
                    <img src="../images/ss1.jpg" alt="">
                    <img src="../images/ss17.jpg" alt="">
                </div>
                <ul id="doudouBox">
                    <li><img src="../images/ss23.jpg" alt=""></li>
                    <li><img src="../images/ss21.jpg" alt=""></li>
                    <li><img src="../images/ss1.jpg" alt=""></li>
                    <li><img src="../images/ss17.jpg" alt=""></li>
                    <li><a href="#" style="color:red; position: absolute; top: 70px;"><b>￥99.00</b></a></li>

                    <li><a href="#"
                            style="width: 220px;
                        color: rgb(99, 95, 95); display: block; position: absolute; top: 100px; font-size: 14px;">安踏各新款情侣小白鞋</a>
                    </li>
                    <li><a href="#"
                            style="width: 220px;
                            color: rgb(99, 95, 95); display: block; position: absolute; top: 125px; font-size: 14px;">2021秋季时尚休闲皮面运动鞋</a>
                    </li>
                </ul>
            </div>
            <!-- ============================第8列=================================== -->
            <div id="box">
                <div id="imgBox">
                    <img src="../images/ss23.jpg" alt="">
                    <img src="../images/ss21.jpg" alt="">
                    <img src="../images/ss1.jpg" alt="">
                    <img src="../images/ss3.jpg" alt="">
                </div>
                <ul id="doudouBox">
                    <li><img src="../images/ss23.jpg" alt=""></li>
                    <li><img src="../images/ss21.jpg" alt=""></li>
                    <li><img src="../images/ss1.jpg" alt=""></li>
                    <li><img src="../images/ss3.jpg" alt=""></li>
                    <li><a href="#" style="color:red; position: absolute; top: 70px;"><b>￥199.00</b></a></li>

                    <li><a href="#"
                            style="width: 220px;
                        color: rgb(99, 95, 95); display: block; position: absolute; top: 100px; font-size: 14px;">安踏各新款情侣小白鞋</a>
                    </li>
                    <li><a href="#"
                            style="width: 220px;
                            color: rgb(99, 95, 95); display: block; position: absolute; top: 125px; font-size: 14px;">2021秋季时尚休闲皮面运动鞋</a>
                    </li>
                </ul>
            </div>
            <!-- ============================第9列=================================== -->
            <div id="box">
                <div id="imgBox">
                    <img src="../images/ss23.jpg" alt="">
                    <img src="../images/ss21.jpg" alt="">
                    <img src="../images/ss1.jpg" alt="">
                    <img src="../images/ss9.jpg" alt="">
                </div>
                <ul id="doudouBox">
                    <li><img src="../images/ss23.jpg" alt=""></li>
                    <li><img src="../images/ss21.jpg" alt=""></li>
                    <li><img src="../images/ss1.jpg" alt=""></li>
                    <li><img src="../images/ss9.jpg" alt=""></li>
                    <li><a href="#" style="color:red; position: absolute; top: 70px;"><b>￥309.00</b></a></li>

                    <li><a href="#"
                            style="width: 220px;
                        color: rgb(99, 95, 95); display: block; position: absolute; top: 100px; font-size: 14px;">2021安踏各新款情侣小白鞋</a>
                    </li>
                    <li><a href="#"
                            style="width: 220px;
                            color: rgb(99, 95, 95); display: block; position: absolute; top: 125px; font-size: 14px;">秋季时尚休闲皮面运动鞋</a>
                    </li>
                </ul>
            </div>
            <!-- ============================第10列=================================== -->
            <div id="box">
                <div id="imgBox">
                    <img src="../images/ss23.jpg" alt="">
                    <img src="../images/ss21.jpg" alt="">
                    <img src="../images/ss1.jpg" alt="">
                    <img src="../images/yf3.jpg" alt="">
                </div>
                <ul id="doudouBox">
                    <li><img src="../images/ss23.jpg" alt=""></li>
                    <li><img src="../images/ss21.jpg" alt=""></li>
                    <li><img src="../images/ss1.jpg" alt=""></li>
                    <li><img src="../images/yf3.jpg" alt=""></li>
                    <li><a href="#" style="color:red; position: absolute; top: 70px;"><b>￥169.00</b></a></li>

                    <li><a href="#"
                            style="width: 220px;
                        color: rgb(99, 95, 95); display: block; position: absolute; top: 100px; font-size: 14px;">2021安踏各新款运动外套</a>
                    </li>
                    <li><a href="#"
                            style="width: 220px;
                            color: rgb(99, 95, 95); display: block; position: absolute; top: 125px; font-size: 14px;">针织开衫立领卫衣长袖衣</a>
                    </li>
                </ul>
            </div>
            <!-- ============================第11列=================================== -->
            <div id="box">
                <div id="imgBox">
                    <img src="../images/ss23.jpg" alt="">
                    <img src="../images/ss21.jpg" alt="">
                    <img src="../images/ss1.jpg" alt="">
                    <img src="../images/ss8.jpg" alt="">
                </div>
                <ul id="doudouBox">
                    <li><img src="../images/ss23.jpg" alt=""></li>
                    <li><img src="../images/ss21.jpg" alt=""></li>
                    <li><img src="../images/ss1.jpg" alt=""></li>
                    <li><img src="../images/ss8.jpg" alt=""></li>
                    <li><a href="#" style="color:red; position: absolute; top: 70px;"><b>￥419.00</b></a></li>

                    <li><a href="#"
                            style="width: 220px;
                        color: rgb(99, 95, 95); display: block; position: absolute; top: 100px; font-size: 14px;">冬季各新款情侣运动鞋</a>
                    </li>
                    <li><a href="#"
                            style="width: 220px;
                            color: rgb(99, 95, 95); display: block; position: absolute; top: 125px; font-size: 14px;">2021时尚休闲皮面运动鞋</a>
                    </li>
                </ul>
            </div>
            <!-- ============================第12列=================================== -->
            <div id="box">
                <div id="imgBox">
                    <img src="../images/ss23.jpg" alt="">
                    <img src="../images/ss21.jpg" alt="">
                    <img src="../images/ss1.jpg" alt="">
                    <img src="../images/ss24.jpg" alt="">
                </div>
                <ul id="doudouBox">
                    <li><img src="../images/ss23.jpg" alt=""></li>
                    <li><img src="../images/ss21.jpg" alt=""></li>
                    <li><img src="../images/ss1.jpg" alt=""></li>
                    <li><img src="../images/ss24.jpg" alt=""></li>
                    <li><a href="#" style="color:red; position: absolute; top: 70px;"><b>￥219.00</b></a></li>

                    <li><a href="#"
                            style="width: 220px;
                        color: rgb(99, 95, 95); display: block; position: absolute; top: 100px; font-size: 14px;">安踏情侣运动鞋</a>
                    </li>
                    <li><a href="#"
                            style="width: 220px;
                            color: rgb(99, 95, 95); display: block; position: absolute; top: 125px; font-size: 14px;">2021秋季时尚休闲皮面运动鞋</a>
                    </li>
                </ul>
            </div>
            <!-- ============================第13列=================================== -->
            <div id="box">
                <div id="imgBox">
                    <img src="../images/ss23.jpg" alt="">
                    <img src="../images/ss21.jpg" alt="">
                    <img src="../images/ss1.jpg" alt="">
                    <img src="../images/ss17.jpg" alt="">
                </div>
                <ul id="doudouBox">
                    <li><img src="../images/ss23.jpg" alt=""></li>
                    <li><img src="../images/ss21.jpg" alt=""></li>
                    <li><img src="../images/ss1.jpg" alt=""></li>
                    <li><img src="../images/ss17.jpg" alt=""></li>
                    <li><a href="#" style="color:red; position: absolute; top: 70px;"><b>￥99.00</b></a></li>

                    <li><a href="#"
                            style="width: 220px;
                        color: rgb(99, 95, 95); display: block; position: absolute; top: 100px; font-size: 14px;">安踏各新款情侣小白鞋</a>
                    </li>
                    <li><a href="#"
                            style="width: 220px;
                            color: rgb(99, 95, 95); display: block; position: absolute; top: 125px; font-size: 14px;">2021秋季时尚休闲皮面运动鞋</a>
                    </li>
                </ul>
            </div>
            <!-- ============================第14列=================================== -->
            <div id="box">
                <div id="imgBox">
                    <img src="../images/ss23.jpg" alt="">
                    <img src="../images/ss21.jpg" alt="">
                    <img src="../images/ss1.jpg" alt="">
                    <img src="../images/ss3.jpg" alt="">
                </div>
                <ul id="doudouBox">
                    <li><img src="../images/ss23.jpg" alt=""></li>
                    <li><img src="../images/ss21.jpg" alt=""></li>
                    <li><img src="../images/ss1.jpg" alt=""></li>
                    <li><img src="../images/ss3.jpg" alt=""></li>
                    <li><a href="#" style="color:red; position: absolute; top: 70px;"><b>￥199.00</b></a></li>

                    <li><a href="#"
                            style="width: 220px;
                        color: rgb(99, 95, 95); display: block; position: absolute; top: 100px; font-size: 14px;">安踏各新款情侣小白鞋</a>
                    </li>
                    <li><a href="#"
                            style="width: 220px;
                            color: rgb(99, 95, 95); display: block; position: absolute; top: 125px; font-size: 14px;">2021秋季时尚休闲皮面运动鞋</a>
                    </li>
                </ul>
            </div>
            <!-- ============================第15列=================================== -->
            <div id="box">
                <div id="imgBox">
                    <img src="../images/ss23.jpg" alt="">
                    <img src="../images/ss21.jpg" alt="">
                    <img src="../images/ss1.jpg" alt="">
                    <img src="../images/ss9.jpg" alt="">
                </div>
                <ul id="doudouBox">
                    <li><img src="../images/ss23.jpg" alt=""></li>
                    <li><img src="../images/ss21.jpg" alt=""></li>
                    <li><img src="../images/ss1.jpg" alt=""></li>
                    <li><img src="../images/ss9.jpg" alt=""></li>
                    <li><a href="#" style="color:red; position: absolute; top: 70px;"><b>￥309.00</b></a></li>

                    <li><a href="#"
                            style="width: 220px;
                        color: rgb(99, 95, 95); display: block; position: absolute; top: 100px; font-size: 14px;">2021安踏各新款情侣小白鞋</a>
                    </li>
                    <li><a href="#"
                            style="width: 220px;
                            color: rgb(99, 95, 95); display: block; position: absolute; top: 125px; font-size: 14px;">秋季时尚休闲皮面运动鞋</a>
                    </li>
                </ul>
            </div>
            <!-- ============================第16列=================================== -->
            <div id="box">
                <div id="imgBox">
                    <img src="../images/ss23.jpg" alt="">
                    <img src="../images/ss21.jpg" alt="">
                    <img src="../images/ss1.jpg" alt="">
                    <img src="../images/ss21.jpg" alt="">
                </div>
                <ul id="doudouBox">
                    <li><img src="../images/ss23.jpg" alt=""></li>
                    <li><img src="../images/ss21.jpg" alt=""></li>
                    <li><img src="../images/ss1.jpg" alt=""></li>
                    <li><img src="../images/ss21.jpg" alt=""></li>
                    <li><a href="#" style="color:red; position: absolute; top: 70px;"><b>￥169.00</b></a></li>

                    <li><a href="#"
                            style="width: 220px;
                        color: rgb(99, 95, 95); display: block; position: absolute; top: 100px; font-size: 14px;">2021安踏各新款运动外套</a>
                    </li>
                    <li><a href="#"
                            style="width: 220px;
                            color: rgb(99, 95, 95); display: block; position: absolute; top: 125px; font-size: 14px;">针织开衫立领卫衣长袖衣</a>
                    </li>
                </ul>
            </div>
            <!-- ============================第17列=================================== -->
            <div id="box">
                <div id="imgBox">
                    <img src="../images/ss23.jpg" alt="">
                    <img src="../images/ss21.jpg" alt="">
                    <img src="../images/ss1.jpg" alt="">
                    <img src="../images/yf3.jpg" alt="">
                </div>
                <ul id="doudouBox">
                    <li><img src="../images/ss23.jpg" alt=""></li>
                    <li><img src="../images/ss21.jpg" alt=""></li>
                    <li><img src="../images/ss1.jpg" alt=""></li>
                    <li><img src="../images/yf3.jpg" alt=""></li>
                    <li><a href="#" style="color:red; position: absolute; top: 70px;"><b>￥169.00</b></a></li>

                    <li><a href="#"
                            style="width: 220px;
                        color: rgb(99, 95, 95); display: block; position: absolute; top: 100px; font-size: 14px;">2021安踏各新款运动外套</a>
                    </li>
                    <li><a href="#"
                            style="width: 220px;
                            color: rgb(99, 95, 95); display: block; position: absolute; top: 125px; font-size: 14px;">针织开衫立领卫衣长袖衣</a>
                    </li>
                </ul>
            </div>

        </div>
    </div>
    <!-- 底部页 -->
    <div id="dibu">
        <div class="banxin">
            <ul>
                <li style="width: 80px; height: 28px;float: left;margin-left: 340px;"><a href="#">上一页</a>
                </li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">6</a></li>
                <li><a href="#">7</a></li>
                <li><a href="#">8</a></li>
                <li><a href="#">9</a></li>
                <li style="border: 0; "><a href="#">---</a></li>
                <li><a href="#">下一页</a></li>
                <li style="border: 0; "><a href="#">到第</a></li>
                <li><a href="#">1</a></li>
                <li style="border: 0; "><a href="#">页</a></li>
                <li><a href="#">确定</a></li>

            </ul>
        </div>
    </div>
    <!-- 店铺推荐 -->
    <div id="dptj">
        <div class="banxin">
            <div class="dianpu"><a href="#">本店内部推荐</a></div>
            <!-- ============================第五列=================================== -->
            <div id="box">
                <div id="imgBox">
                    <img src="../images/ss23.jpg" alt="">
                    <img src="../images/ss21.jpg" alt="">
                    <img src="../images/ss1.jpg" alt="">
                    <img src="../images/ss8.jpg" alt="">
                </div>
                <ul id="doudouBox">
                    <li><img src="../images/ss23.jpg" alt=""></li>
                    <li><img src="../images/ss21.jpg" alt=""></li>
                    <li><img src="../images/ss1.jpg" alt=""></li>
                    <li><img src="../images/ss8.jpg" alt=""></li>
                    <li><a href="#" style="color:red; position: absolute; top: 70px;"><b>￥419.00</b></a></li>

                    <li><a href="#"
                            style="width: 220px;
                        color: rgb(99, 95, 95); display: block; position: absolute; top: 100px; font-size: 14px;">冬季各新款情侣运动鞋</a>
                    </li>
                    <li><a href="#"
                            style="width: 220px;
                            color: rgb(99, 95, 95); display: block; position: absolute; top: 125px; font-size: 14px;">2021时尚休闲皮面运动鞋</a>
                    </li>
                </ul>
            </div>
            <!-- ============================第六列=================================== -->
            <div id="box">
                <div id="imgBox">
                    <img src="../images/ss23.jpg" alt="">
                    <img src="../images/ss21.jpg" alt="">
                    <img src="../images/ss1.jpg" alt="">
                    <img src="../images/ss24.jpg" alt="">
                </div>
                <ul id="doudouBox">
                    <li><img src="../images/ss23.jpg" alt=""></li>
                    <li><img src="../images/ss21.jpg" alt=""></li>
                    <li><img src="../images/ss1.jpg" alt=""></li>
                    <li><img src="../images/ss24.jpg" alt=""></li>
                    <li><a href="#" style="color:red; position: absolute; top: 70px;"><b>￥219.00</b></a></li>

                    <li><a href="#"
                            style="width: 220px;
                        color: rgb(99, 95, 95); display: block; position: absolute; top: 100px; font-size: 14px;">安踏情侣运动鞋</a>
                    </li>
                    <li><a href="#"
                            style="width: 220px;
                            color: rgb(99, 95, 95); display: block; position: absolute; top: 125px; font-size: 14px;">2021秋季时尚休闲皮面运动鞋</a>
                    </li>
                </ul>
            </div>
            <!-- ============================第七列=================================== -->
            <div id="box">
                <div id="imgBox">
                    <img src="../images/ss23.jpg" alt="">
                    <img src="../images/ss21.jpg" alt="">
                    <img src="../images/ss1.jpg" alt="">
                    <img src="../images/ss17.jpg" alt="">
                </div>
                <ul id="doudouBox">
                    <li><img src="../images/ss23.jpg" alt=""></li>
                    <li><img src="../images/ss21.jpg" alt=""></li>
                    <li><img src="../images/ss1.jpg" alt=""></li>
                    <li><img src="../images/ss17.jpg" alt=""></li>
                    <li><a href="#" style="color:red; position: absolute; top: 70px;"><b>￥99.00</b></a></li>

                    <li><a href="#"
                            style="width: 220px;
                        color: rgb(99, 95, 95); display: block; position: absolute; top: 100px; font-size: 14px;">安踏各新款情侣小白鞋</a>
                    </li>
                    <li><a href="#"
                            style="width: 220px;
                            color: rgb(99, 95, 95); display: block; position: absolute; top: 125px; font-size: 14px;">2021秋季时尚休闲皮面运动鞋</a>
                    </li>
                </ul>
            </div>
            <!-- ============================第8列=================================== -->
            <div id="box">
                <div id="imgBox">
                    <img src="../images/ss23.jpg" alt="">
                    <img src="../images/ss21.jpg" alt="">
                    <img src="../images/ss1.jpg" alt="">
                    <img src="../images/ss3.jpg" alt="">
                </div>
                <ul id="doudouBox">
                    <li><img src="../images/ss23.jpg" alt=""></li>
                    <li><img src="../images/ss21.jpg" alt=""></li>
                    <li><img src="../images/ss1.jpg" alt=""></li>
                    <li><img src="../images/ss3.jpg" alt=""></li>
                    <li><a href="#" style="color:red; position: absolute; top: 70px;"><b>￥199.00</b></a></li>

                    <li><a href="#"
                            style="width: 220px;
                        color: rgb(99, 95, 95); display: block; position: absolute; top: 100px; font-size: 14px;">安踏各新款情侣小白鞋</a>
                    </li>
                    <li><a href="#"
                            style="width: 220px;
                            color: rgb(99, 95, 95); display: block; position: absolute; top: 125px; font-size: 14px;">2021秋季时尚休闲皮面运动鞋</a>
                    </li>
                </ul>
            </div>
            <!-- ============================第9列=================================== -->
            <div id="box">
                <div id="imgBox">
                    <img src="../images/ss23.jpg" alt="">
                    <img src="../images/ss21.jpg" alt="">
                    <img src="../images/ss1.jpg" alt="">
                    <img src="../images/ss9.jpg" alt="">
                </div>
                <ul id="doudouBox">
                    <li><img src="../images/ss23.jpg" alt=""></li>
                    <li><img src="../images/ss21.jpg" alt=""></li>
                    <li><img src="../images/ss1.jpg" alt=""></li>
                    <li><img src="../images/ss9.jpg" alt=""></li>
                    <li><a href="#" style="color:red; position: absolute; top: 70px;"><b>￥309.00</b></a></li>

                    <li><a href="#"
                            style="width: 220px;
                        color: rgb(99, 95, 95); display: block; position: absolute; top: 100px; font-size: 14px;">2021安踏各新款情侣小白鞋</a>
                    </li>
                    <li><a href="#"
                            style="width: 220px;
                            color: rgb(99, 95, 95); display: block; position: absolute; top: 125px; font-size: 14px;">秋季时尚休闲皮面运动鞋</a>
                    </li>
                </ul>
            </div>

        </div>
    </div>

    <!-- 底部 -->
    <div id="foot">

        <!-- 旺铺 -->
        <div id="wp">
            <div class="banxin">
                <a href="#"><img src="../images/wp.png" alt=""></a>
                <p><a href="#">店铺设计：</a><span>rosw</span></p>
            </div>
        </div>

        <!-- 七天无理由 -->
        <div id="qtly">
            <div class="banxin">
                <div class="zz">
                    <div class="s">
                        <a href="#">优</a>
                    </div>
                    <div class="sy">
                        <p><a href="#">品质保障</a></p>
                        <p><a href="#">品质护航 购物无忧</a></p>
                    </div>
                </div>
                <div class="zz">
                    <div class="s">
                        <a href="#">七</a>
                    </div>
                    <div class="sy">
                        <p><a href="#">七天无理由退换</a></p>
                        <p><a href="#">为你提供售后无忧保障</a></p>
                    </div>
                </div>
                <div class="zz">
                    <div class="s">
                        <a href="#">特</a>
                    </div>
                    <div class="sy">
                        <p><a href="#">特色服务体验</a></p>
                        <p><a href="#">为你呈现不一样的服务</a></p>
                    </div>
                </div>
                <div class="zz">
                    <div class="s">
                        <a href="#">帮</a>
                    </div>
                    <div class="sy">
                        <p><a href="#">帮助中心</a></p>
                        <p><a href="#">你的购物指南</a></p>
                    </div>
                </div>

            </div>
        </div>

        <!-- 购物指南 -->
        <div id="gwzl">
            <div class="banxin">
                <ul>
                    <li>
                        购物指南
                        <ul>
                            <li><a href="#">免费注册</a></li>
                            <li><a href="#">开通支付宝</a></li>
                            <li><a href="#">支付宝充值</a></li>
                        </ul>
                    </li>
                </ul>
                <ul>
                    <li>
                        天猫保障
                        <ul>
                            <li><a href="#">发票保障</a></li>
                            <li><a href="#">售后规则</a></li>
                            <li><a href="#">缺货赔付</a></li>
                        </ul>
                    </li>
                </ul>
                <ul>
                    <li>
                        支付方式
                        <ul>
                            <li><a href="#">快捷支付</a></li>
                            <li><a href="#">信用卡</a></li>
                            <li><a href="#">余额宝</a></li>
                            <li><a href="#">蚂蚁花呗</a></li>
                            <li><a href="#">货到付款</a></li>
                        </ul>
                    </li>
                </ul>
                <ul>
                    <li>
                        商家服务
                        <ul>
                            <li><a href="#">天猫规则</a></li>
                            <li><a href="#">商家入驻</a></li>
                            <li><a href="#">商家中心</a></li>
                            <li><a href="#">天猫智库</a></li>
                            <li><a href="#">物流服务</a></li>
                            <li><a href="#">喵言喵语</a></li>
                            <li><a href="#">运营服务</a></li>
                        </ul>
                    </li>
                </ul>
                <ul>
                    <li>
                        购物指南
                        <ul>
                            <li><a href="#"><img src="../images/erweima.png" alt=""></a></li>
                        </ul>
                    </li>
                </ul>
                <img src="../images/mm.png" alt="">
            </div>
        </div>


        <div id="bot">
            <div class="banxin">
                <div class="ul1" style="height: 30px;background-color: black;">
                    <ul>
                        <li><a href="#">关于天猫</a></li>
                        <li><a href="#">服务大厅</a></li>
                        <li><a href="#">开放平台</a></li>
                        <li><a href="#">诚聘英才</a></li>
                        <li><a href="#">联系我们</a></li>
                        <li><a href="#">网站合作</a></li>
                        <li><a href="#">法律声明</a></li>
                        <li><a href="#">隐私权政策</a></li>
                        <li><a href="#">知识产权</a></li>
                        <li><a href="#">康正举报</a></li>
                        <li><a href="#">不当竞争举报</a></li>
                    </ul>
                </div>

                <ul>
                    <li><a href="#">阿里集团</a></li>
                    <li><a href="#">淘宝网</a></li>
                    <li><a href="#">天猫</a></li>
                    <li><a href="#">聚划算</a></li>
                    <li><a href="#">全球速麦迪</a></li>
                    <li><a href="#">支付宝</a></li>
                    <li><a href="#">1688</a></li>
                    <li><a href="#">阿里妈妈</a></li>
                    <li><a href="#">飞猪</a></li>
                    <li><a href="#">阿里云计算</a></li>
                    <li><a href="#">AliOS</a></li>
                    <li><a href="#">阿里通信</a></li>
                    <li><a href="#">万网</a></li>
                    <li><a href="#">高德</a></li>
                    <li><a href="#">钉钉</a></li>
                </ul>
                <!-- </div>  -->
                <p><span>增说电信业务经营许可证：浙B2-20110446</span> <span>市场名称登记证：工商网市字3301004119号</span>
                    <span>出版物网络交易平台服务经营备案证：新出发浙备字第2019002号</span>
                </p>
                <p><span>互联网违法信息举报电话: 0571-81683755 blxxjb@alibaba-inc. com</span> <span>互联网药品信息服务资质证书编号:浙(经营性)
                        -2017-0005</span>
                    <span><img src="../images/hz.png" alt=""> 浙公网安备33010002000120号
                    </span>
                </p>

                <p><span>医疗器械网络交易服务第三方平台备案:(浙)网械平台备字[2018]第00002号</span> <span></span><span></span></p>

                <p><span>浙江省网络食品销售第三方平台提供者备案:浙网食A33010002
                    </span> <span>12318举报</span>
                    <span>浙B2-20110446-1</span>
                </p>
                <p><span>&copy;2003-现在TMALL.COM版视所有</span></p>
            </div>
        </div>

    </div>
</body>

</html>
<script src="../js/jquery.js"></script>
<script src="../js/sousuoye.js"></script>
<script src="../js/tool.js"></script>
<script src="../js/ajks.js"></script>
<script>
    //  $(function () {
    //     getImg();
    // })

    // function getImg() {
    //     $.get('../images/php/getGoodsList.php', { "typeId": "00" }, function (data) {
    //         console.log(JSON.parse(data));
    //         let arr = JSON.parse(data);
    //         let str = ''
    //         arr.forEach((item, index) => {
    //             str += `
    //                 <img src = "${item.goodsImg}"/>
    //                  <a href = "#">${item.goodsPrice}</a>
    //                  <a href = "#">${item.goodsName}</a>
    //                  <a href = "#">${item.goodsDesc}</a>     
    //             `
    //         })
    //         $('#box').html(str)
    //     })
    // }

</script>